<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

	<h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
	     	<title>Shop Around</title>
        </f:facet>
		
		
		<link rel="stylesheet" href="#{request.contextPath}/css/style.css" type="text/css" media="all" />
		<!--  
		<script src="#{request.contextPath}/js/jquery-1.7.min.js" type="text/javascript"></script>
		<script src="#{request.contextPath}/js/jquery.jcarousel.pack.js" type="text/javascript"></script>
		<script src="#{request.contextPath}/js/jquery-func.js" type="text/javascript"></script>
     	-->
        
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />

		<ui:insert name="head"></ui:insert>
	</h:head>

	<h:body>


			<!-- Shell -->
			<div class="shell">
			  <!-- Header -->
			  <div id="header">
			    <h1 id="logo"><a href="#{request.contextPath}/store">shoparound</a></h1>
			    <!-- Cart -->
			    <div id="cart"> <a href="#{request.contextPath}/main/cartSummary.jsf" class="cart-link">Your Shopping Cart</a>
			      <div class="cl">&nbsp;</div>
			      	<!-- <p:panel id="cartDiv">  -->
			      		<h:panelGrid id="cartDiv">
			      		
			      		<span>Articles: <strong>#{shop.cart.size}</strong></span> &nbsp;&nbsp; <span>Cost: <strong>€ #{shop.cart.totalCost} </strong></span>
			      		</h:panelGrid>
					<!-- <p:panel>  -->
			     </div>
			      	
			    <!-- End Cart -->
			    <!-- Navigation -->
			    <div id="navigation">
			      <ul>
			        <li><a href="#" class="active">Home</a></li>
			        <li><a href="#">Support</a></li>
			        <li><a href="#">My Account</a></li>
			        <li><a href="#">The Store</a></li>
			        <li><a href="#">Contact</a></li>
			      </ul>
			    </div>
			    <!-- End Navigation -->
			  </div>
			  <!-- End Header -->
			  <!-- Main -->
			  <div id="main">
			    
			    <ui:include src="#{request.contextPath}/../main/breadcrumb.xhtml" />
			    
			    
			    <div class="cl">&nbsp;</div>
			    															<!-- Content -->
			    <div id="content">
			      
			      <ui:insert name="content">...</ui:insert>
			      
			     
			     
			     
			      <!-- End Products -->
			    </div>
			    <!-- End Content -->
			    
			    <div class="cl">&nbsp;</div>
			  </div>
			  <!-- End Main -->
			 
			  <!-- Footer -->
			  <div id="footer">
			    <p class="left"> <a href="#">Home</a> <span>|</span> <a href="#">Support</a> <span>|</span> <a href="#">My Account</a> <span>|</span> <a href="#">The Store</a> <span>|</span> <a href="#">Contact</a> </p>
			    <p class="right"> &copy; 2010 Shop Around. Design by <a href="http://chocotemplates.com">Chocotemplates.com</a> </p>
			  </div>
			  <!-- End Footer -->
			</div>
			<!-- End Shell -->
	</h:body>


</f:view>
</html>